<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>原生数据请求</title>
</head>
<body>
<script>
    var name="TOM";
    //1.创建XMLHttpRequest对象
    if (window.XMLHttpRequest) {//返回值为true时说明是新版本IE或其他浏览器
        xmlHttpRequest = new XMLHttpRequest();
    } else {//返回值为false时说明是老版本IE浏览器（IE 5和IE 6）
        xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
    }
    //2.设置回调函数
    xmlHttpRequest.onreadystatechange = callBack;
    //3.初始化XMLHttpRequest组件
    var url = "/api/isAlreay?name="+name;//服务器端URL地址,name为用户名文本框获取的值
    xmlHttpRequest.open("GET", url, true);
    xmlHttpRequest.setRequestHeader("Access-Control-Allow-Origin","*");
    //4.发送请求
    xmlHttpRequest.send(null);
    //回调函数callBack()中处理服务器响应的关键代码
    function callBack() {
        if (xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200) {
            var data = xmlHttpRequest.responseText;
            if (data == "true") {
                alert("用户名已被使用！");//  使用alert 弹出对应的消息提示
            } else {
                alert("用户名可以使用！");
            }
        }
    }

</script>
</body>
</html>